#recharge {
    width: 1086px;
    height: 625px;
    border: 1px solid rgb(177, 177, 177);
}

.mybill_top {
    border-bottom: 1px solid rgb(189, 189, 189);
    height: 35px;
    font-size: 17px;
    margin-top: 10px;
    padding-left: 21px;
}

.mybill_top span:nth-child(2) {
    color: orange;
}


.recharge_bottom {
    padding-top: 40px;
    padding-left: 40px;
}

.recharge_g {
    margin-top: 10px;
    height: 55px;
}

.recharge_g input {
    float: left;
    width: 114px;
    height: 28px;
    text-align: center;
    padding-top: 5px;
    /* border: 1px solid #d4d4d4; */
    cursor: pointer;
}

.recharge_g input:hover {
    background: rgb(235, 251, 219);
    border: 1px solid rgb(19, 128, 0);
}

.recharge_g input:nth-child(2) {
    margin-left: 36px;
}

.recharge_g input:nth-child(3) {
    margin-left: 36px;
}

.recharge_youli {
    color: orange;
}

.recharge_main {
    width: 356px;
    height: 190px;
    float: left;
    font-size: 19px;
    box-shadow: 3px 3px 3px 3px #817a7a;
    padding-left: 30px;
    background: rgb(235, 251, 219);
}

.recharge_main:nth-child(2) {
    margin-left: 39px;
}

.recharge_boxmain {
    height: 200px;
    margin-top: 20px;
}

.recharge_button {
    margin-top: 40px;
}

.recharge_button button {
    width: 150px;
    height: 50px;
    background: #f08200;
    border-radius: 10px;
    border: 0;
    color: white;
    cursor: pointer;
    font-size: 20px;
    box-shadow: 3px 3px 3px 3px #817a7a;
}

.recharge_button button:hover {
    background: rgb(172, 82, 9);
    box-shadow: 0px 0px 0px 0px #817a7a;
    margin-top: 5px;
    margin-left: 5px;
}

.recharge_main1 {
    float: left;
}

.recharge_main1:nth-child(1) {
    margin-top: 10px;
}

.recharge_main1:nth-child(2) {
    margin-top: 40px;
}

.recharge_main1:nth-child(2) div {
    margin-top: 20px;
}

.recharge_img {
    width: 193px;
    height: 140px;
    margin-top: 10px;
}

.recharge_active {
    background: rgb(235, 251, 219);
}